<template>
  <div>
    <v-chart :forceFit="true" :height="props.Height" :data="props.sourceData" :scale="scale">
      <v-tooltip />
      <v-axis />
      <v-bar position="year*sales" />
    </v-chart>
  </div>
</template>

<script lang='ts'>
import { Component, Vue, Prop } from "vue-property-decorator";
let viserVue;
if (process.client) {
  viserVue = require("viser-vue");
}
@Component
export default class Columnar extends Vue {
  @Prop({ required: true }) props!: any;
  @Prop({ type: String }) alias?: string;
  scale: any[] = [
    {
      dataKey: "sales",
      alias: this.alias ? this.alias : "",
      tickInterval: 20
    }
  ];
}
</script>